import React from 'react'
import ReactDOM from 'react-dom'
import './index.scss'

const App = () => (
  <div className='header-container'>
    <header>我是header</header>
    {/* <div style={{ overflow: 'hidden' }}> */}
    <nav>
      <h3>导航A</h3>
      <h3>导航B</h3>
      <h3>导航C</h3>
    </nav>
    {/* </div> */}
    <p>
      我是一段文字，我没什么用，就是用来撑开高度用的，这样页面就会出现滚动条，就可以测试上面黑色的导航元素是否有粘性效果了。
    </p>
  </div>
)

export default ReactDOM.render(<App />, document.querySelector('#root'))
